/* Fonts */
/*通用*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#323232; position: relative;font-family: PingFangSC-Regular, sans-serif, "Arial"; min-width:1200px;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}
a{color:#6c6c6c;text-decoration:none;}
img{border:none; display: block;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}

.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.Huans {-webkit-box-sizing:border-box;box-sizing:border-box;}


/*header*/
.header{width:100%;background:#FFF; z-index:999; position:fixed; left:0;right:0; margin:0 auto; top:0; border-bottom:1px solid #dcdcdc; min-width:1200px;}
.hdlogo{display: block;}
.hdlogo img{width:100%;}
.Hdtop{width:100%}
.Hdtop img{display: block;}
.Hdtophon p{ color:#323232;}
.Hdtophon span{ color:#0072c1; display: block;}
.HdtopH{ color:#323232;}
.hdEN{ position:relative;}
.hdENa{color:#323232;}
.hdENa i{background-image: url("/images/icon/navJ.png"); background-position: center; background-repeat: no-repeat; background-size:100%; display: block;transition:0.5s;}
.hdEN .on i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);transition:0.5s;}
.NavEN{ position: absolute;left:50%;top:100%;transform: translate(-50%,0);background:#FFF;text-align: center; box-shadow:0 4px 10px rgba(0,0,0,0.1);display:none;}
.NavENa{color:#323232;display: block;text-align: center;}
.MenuA{color:#282828; position: relative;}
.MenuA:before{display:block;content:'';position: absolute; background:#017cc2; bottom:0; left:0;right:0; margin:0 auto; width:0; height:3px; border-radius:3px;transition:0.5s;}
.MenuA p{}
.MenuA i{background-image: url("/images/icon/navJ.png"); background-position: center; background-repeat: no-repeat; background-size:100%; display: block;transition:0.5s;}
.Menu ul li .on,.Menu ul li .menuO,.Menu ul li .MenuA:hover{ color:#017cc2;}
.Menu ul li .on:before,.Menu ul li .menuO:before,.Menu ul li .MenuA:hover:before{width:90%;transition:0.5s;}
.Menu ul li .menuO i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.NavK{position:absolute;top:100%;background:rgba(255,255,255,0.95); display:none;box-shadow:0 2px 8px rgba(0,0,0,0.1); transform: translate(-50%,0);left:50%; z-index:99}
.NavH{font-weight:700;color:#323232}
.NavN{overflow: auto;}
.NavN::-webkit-scrollbar {width :2px;height:0;}
.NavN::-webkit-scrollbar-thumb{background:#0fa1d6;}
.NavN::-webkit-scrollbar-track{background:#eee;}
.NavKa{color:#232323;display: block;}
.NavN .NavNo{ background:#0fa1d6; color:#FFF; font-weight:700}
.NavD{background:#FFF;}
.NavDI{overflow: hidden;}
.NavDI img{width:100%; display: block;}
.NavDCh{color:#282828;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.NavDFp{color:#282828;position: relative;}
.NavDFp:before{display:block;content:'';position: absolute; width: 4px; height:4px; background:#017cc2;transform: translate(0,-50%);left:0;top:50%;}
.NavDFpa{color:#0fa1d6;}
.NavDFpa:hover{text-decoration:underline;}
.NavDa{color:#006fbe; display: inline-block;}
.NavDa:hover{text-decoration:underline;}
.searchB{background-color:#017cc2; background-image: url("/images/icon/search.png"); background-repeat: no-repeat; background-position: center; display: block;}
input.searchI::-webkit-input-placeholder{color: #fff;} 
input.searchI:-moz-placeholder{color: #fff;} 
input.searchI::-moz-placeholder{color: #fff;} 
input.searchI:-ms-input-placeholder {color: #fff;}
.searchK{ background:#5eaddc;position: absolute; display: none;}
.searcha{background-image: url("/images/icon/search.png"); background-position: center; background-repeat: no-repeat;display: block;}
.searchI{ width:100%; flex:1;color:#FFF; border:none; background:none;}
.ward{margin:0 auto;}
.webM{width:100%}
/*footer*/
footer { color:#FFF;background:#202020;}
.ftC{ background:#161616;}
.ftLog{ display: block;}
.ftPhoT img{display: block;}
.ftNM{color:#FFF;display: block;}
.ftNa{ color:#898989; display: block;}
.ftM{margin-left:auto;}
.ftMt{background:#292929;}
.ftMI{ overflow: hidden;}
.ftMI img{width:100%; display: block;}
.ftMt p{ text-align: center;}
.ftMa{color:#FFF; width:100%;text-align: center; background:#006fbe;display: block;}
.ftCN p img{display: block;}
.ftCN a{color:#FFF;}
.ftLog img{width:100%; display: block;}
.ftlin a{ color:#6e6e6e; display: block;}
/**/
.kef{position:fixed;z-index:99}
.kefa{background:#0088db; color:#FFF;align-content:center;}
.kefa img{display: block;}
.top{opacity: 0;}
.top.show{opacity: 1}
@media  screen and ( min-width:1680px){
/*header*/
.header{height:106px; }
.hdlogo{width:29%;}
.HdR{ padding-top:10px; height:96px;}
.Hdtop{ font-size:14px;height:44px;}
.Hdtop img{width:20px;}
.Hdtophon{ line-height:30px;}
.Hdtophon p{ margin-left: 5px;}
.Hdtophon span{ margin-left:5px;}
.HdtopH{margin-left: 40px;}
.HdtopH p{ margin-left: 5px;}
.hdEN{margin-left: 50px;}
.hdENa{height:30px;}
.hdENa p{line-height:20px;padding:0 5px;}
.hdENa i{width:8px; height: 8px;}
.NavEN{width:100px;}
.NavENa{line-height:30px; font-size:14px;}
.ward{width:1400px;}
.Menu{}
.Menu ul{}
.Menu ul li{ padding:0 45px;}
.MenuA{ line-height:52px;font-size:18px}
.MenuA p{}
.MenuA i{width:8px; height: 8px;}
.NavK{padding-top:30px; padding-left: 70px; padding-bottom: 60px; padding-right:60px;}
.NavH{ font-size:24px; font-weight:700; line-height:50px; height: 50px;}
.NavB{padding-top:25px;}
.NavN{ width: 215px; height:340px;}
.NavKa{ width:210px; /* height:36px; */ line-height:36px;padding:0 18px; font-size:14px; margin-bottom: 18px;}
.NavN .NavNo{font-size:15px;}
.NavD{width:1045px; height:340px;padding-top:10px; padding-bottom:10px; padding-left: 45px; padding-right:80px;}
.NavDI{ width:340px; height:320px;}
.NavDC{width:545px;}
.NavDCh{ font-size:16px;line-height:26px;height:78px}
.NavDF{padding-top:35px; width:450px;}
.NavDFp{width:140px;font-size: 15px; line-height:24px; margin-bottom: 10px; margin-right:10px;padding-left: 14px;}
.NavDa{ font-size: 14px;margin-top:30px;}
.searchB{width:40px;height:40px; background-size: 21px; margin-left:36px}
.searchK{width:400px;top:120px;right:86px; margin-left: 200px; padding:0 12px;}
.searchV{height: 54px;}
.searcha{width:40px; height: 40px;background-size: 21px;}
.searchI{ width:100%;font-size: 16px; line-height:30px;margin-left:6px;}
	
	
.webM{padding:0 85px;}
/*footer*/
.ftK{padding-top:70px; padding-bottom:20px;}
.ftPho{  width: 270px;}
.ftPhoT{}
.ftPhoT img{width:20px;margin-left: 6px; margin-right: 11px;}
.ftPhoT p{ font-size:18px; line-height:30px;}
.ftPhoH{ font-size:34px;  line-height:45px; margin-top: 16px;}
.ftPhoH p{}
.ftPhop{ font-size:16px; line-height:25px;margin-top: 30px;}
.ftN{margin-left:6%;}
.ftNH{ font-size:18px; line-height:30px;}
.ftNK{ padding-top: 15px;}
.ftNr{ padding-right:30px;}
.ftNM{ font-size:16px;line-height:36px;}
.ftNa{font-size:15px; line-height:36px;}
footer a:hover{text-decoration: underline; color:#FFF}
.ftM{width:310px;}
.ftMt{ padding:15px 15px 0; width:148px;}
.ftMI{ width: 118px; height:118px;}
.ftMt p{line-height:22px; font-size:14px; padding:10px 0;}
.ftMa{ font-size:16px;height: 50px; line-height:50px;border-radius:6px; margin-top: 25px;}
.ftlin{ font-size:12px; line-height:30px;padding-bottom:40px;}
.ftlin a{ margin-right:22px;}
.ftC{line-height:30px; padding-top:48px; padding-bottom:44px; }
.ftCN{font-size:14px; line-height:25px;}
.ftCN p img{width:20px;margin-right: 6px;}
.ftCN a:hover{text-decoration:underline;}
.ftLog{width:186px;}
/**/
.kef{ width:44px;bottom:20%;right:33px;}
.kefa{width:44px; height:44px;font-size:14px; line-height:18px;margin-bottom: 8px;}
.kefa img{width:20px}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
/*header*/
.header{height:92px; }
.hdlogo{width:29%;}
.HdR{ padding-top:6px; height:86px;}
.Hdtop{ font-size:13px;height:38px;}
.Hdtop img{width:20px;}
.Hdtophon{ line-height:30px;}
.Hdtophon p{ margin-left: 5px;}
.Hdtophon span{ margin-left:5px;}
.HdtopH{margin-left:32px;}
.HdtopH p{ margin-left: 5px;}
.hdEN{margin-left:40px;}
.hdENa{height:30px;}
.hdENa p{line-height:20px;padding:0 5px;}
.hdENa i{width:8px; height: 8px;}
.NavEN{width:100px;}
.NavENa{line-height:28px; font-size:13px;}
.ward{width:1280px;}
.Menu{}
.Menu ul{}
.Menu ul li{padding:0 33px;}
.MenuA{ line-height:48px;font-size:17px}
.MenuA p{}
.MenuA i{width:8px; height: 8px;}
.NavK{padding-top:25px; padding-left:55px; padding-bottom:45px; padding-right:45px;}
.NavH{ font-size:22px; font-weight:700; line-height:46px; height: 46px;}
.NavB{padding-top:20px;}
.NavN{ width: 200px; height:300px;}
.NavKa{ width:195px; /* height:34px; */line-height:34px;padding:0 16px; font-size:13px; margin-bottom:16px;}
.NavN .NavNo{font-size:14px;}
.NavD{width:980px; height:300px;padding-top:10px; padding-bottom:10px; padding-left: 45px; padding-right:80px;}
.NavDI{ width:299px; height:280px;}
.NavDC{width:530px;}
.NavDCh{ font-size:15px;line-height:24px;height:72px}
.NavDF{padding-top:28px; width:420px;}
.NavDFp{width:132px;font-size: 15px; line-height:24px; margin-bottom:8px; margin-right:8px;padding-left: 12px;}
.NavDa{ font-size: 13px;margin-top:25px;}
.searchB{width:36px;height:36px; background-size:20px; margin-left:33px;}
.searchK{width:360px;top:100px;right:32px; margin-left: 200px; padding:0 10px;}
.searchV{height:48px;}
.searcha{width:36px; height: 36px;background-size: 20px;}
.searchI{ width:100%;font-size: 15px; line-height:38px;margin-left:5px;}
	
	
	

.webM{padding:0 75px;}
/*footer*/
.ftK{padding-top:60px; padding-bottom:18px;}
.ftPho{ width: 240px;}
.ftPhoT{}
.ftPhoT img{width:20px;margin-left:4px; margin-right:10px;}
.ftPhoT p{ font-size:17px; line-height:28px;}
.ftPhoH{ font-size:30px;  line-height:38px; margin-top: 12px;}
.ftPhoH p{}
.ftPhop{ font-size:15px; line-height:24px;margin-top:26px;}
.ftN{margin-left:6%;}
.ftNH{ font-size:17px; line-height:28px;}
.ftNK{ padding-top: 13px;}
.ftNr{ padding-right:30px;}
.ftNM,.ftNa{ font-size:15px;line-height:32px;}
.ftK a:hover{text-decoration: underline;}
.ftM{width:270px;}
.ftMt{ padding:12px 12px 0; width:130px;}
.ftMI{ width:106px; height:106px;}
.ftMt p{line-height:22px; font-size:13px; padding:8px 0;}
.ftMa{ font-size:15px;height:46px; line-height:46px;border-radius:5px; margin-top: 20px;}
.ftlin{ font-size:12px; line-height:28px;padding-bottom:32px;}
.ftlin a{ margin-right:20px;}
.ftC{line-height:28px; padding-top:40px; padding-bottom:36px; }
.ftCN{font-size:13px; line-height:24px;}
.ftCN p img{width:18px;margin-right:5px;}
.ftCN a:hover{text-decoration:underline;}
.ftLog{width:170px;}
/**/
.kef{ width:40px;bottom:20%;right:28px;}
.kefa{width:40px; height:40px;font-size:13px; line-height:16px;margin-bottom:6px;}
.kefa img{width:20px}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
/*header*/
.header{height:80px; }
.hdlogo{width:29%;}
.HdR{ padding-top:5px; height:75px;}
.Hdtop{ font-size:12px;height:31px;}
.Hdtop img{width:20px;}
.Hdtophon{ line-height:27px;}
.Hdtophon p{ margin-left:4px;}
.Hdtophon span{ margin-left:4px;}
.HdtopH{margin-left:24px;}
.HdtopH p{ margin-left:4px;}
.hdEN{margin-left:40px;}
.hdENa{height:30px;}
.hdENa p{line-height:20px;padding:0 5px;}
.hdENa i{width:8px; height: 8px;}
.NavEN{width:100px;}
.NavENa{line-height:28px; font-size:13px;}
.ward{width:1080px;}
.Menu{}
.Menu ul{}
.Menu ul li{ padding:0 25px;}
.MenuA{ line-height:44px;font-size:16px}
.MenuA p{}
.MenuA i{width:8px; height: 8px;}
.NavK{padding-top:20px; padding-left:45px; padding-bottom:35px; padding-right:35px;}
.NavH{ font-size:20px; font-weight:700; line-height:38px; height: 38px;}
.NavB{padding-top:16px;}
.NavN{ width: 185px; height:260px;}
.NavKa{ width:180px; /* height:34px; */  line-height:34px;padding:0 14px; font-size:12px; margin-bottom:13px;}
.NavN .NavNo{font-size:13px;}
.NavD{width:755px; height:260px;padding-top:10px; padding-bottom:10px; padding-left:30px; padding-right:50px;}
.NavDI{ width:256px; height:240px;}
.NavDC{width:400px;}
.NavDCh{ font-size:14px;line-height:22px;height:66px}
.NavDF{padding-top:22px; width:390px;}
.NavDFp{width:124px;font-size: 14px; line-height:20px; margin-bottom:6px; margin-right:6px;padding-left: 12px;}
.NavDa{ font-size: 12px;margin-top:20px;}
.searchB{width:32px;height:32px; background-size:18px;}
.searchK{width:320px;top:90px;right:60px; margin-left: 200px; padding:0 8px;}
.searchV{height:44px;}
.searcha{width:32px; height: 32px;background-size: 18px; margin-left:25px;}
.searchI{ width:100%;font-size: 14px; line-height:34px;margin-left:5px;}
	

	
.webM{padding:0 60px;}
/*footer*/
.ftK{padding-top:45px; padding-bottom:28px;}
.ftPho{ width: 205px;}
.ftPhoT{}
.ftPhoT img{width:18px;margin-left:2px; margin-right:8px;}
.ftPhoT p{ font-size:16px; line-height:26px;}
.ftPhoH{ font-size:26px;  line-height:32px; margin-top: 10px;}
.ftPhoH p{}
.ftPhop{ font-size:14px; line-height:22px;margin-top:20px;}
.ftN{margin-left:5%;}
.ftNH{ font-size:16px; line-height:26px;}
.ftNK{ padding-top: 10px;}
.ftNr{ padding-right:30px;}
.ftNM,.ftNa{ font-size:14px;line-height:30px;}
.ftK a:hover{text-decoration: underline;}
.ftlin{ font-size:12px; line-height:26px;padding-bottom:20px;}
.ftlin a{ margin-right:10px;}
.ftM{width:230px;}
.ftMt{ padding:10px 10px 0; width:110px;}
.ftMI{ width:90px; height:90px;}
.ftMt p{line-height:22px; font-size:12px; padding:6px 0;}
.ftMa{ font-size:14px;height:40px; line-height:40px;border-radius:4px; margin-top:15px;}
.ftC{line-height:22px; padding-top:32px; padding-bottom:30px; }
.ftCN{font-size:12px; line-height:22px;}
.ftCN p img{width:16px;margin-right:5px;}
.ftCN a:hover{text-decoration:underline;}
.ftLog{width:160px;}
/**/
.kef{ width:36px;bottom:20%;right:18px;}
.kefa{width:36px; height:36px;font-size:12px; line-height:15px;margin-bottom:5px;}
.kefa img{width:18px}
}
@media only screen and (max-width:1279px){
/*header*/
.header{height:70px;}
.hdlogo{width:29%;}
.HdR{ padding-top:2px; height:68px;}
.Hdtop{ font-size:12px;height:28px;}
.Hdtop img{width:20px;}
.Hdtophon{ line-height:24px;}
.Hdtophon p{ margin-left:3px;}
.Hdtophon span{ margin-left:3px;}
.HdtopH{margin-left:22px;}
.HdtopH p{ margin-left:3px;}
.hdEN{margin-left:30px;}
.hdENa{height:28px;}
.hdENa p{line-height:20px;padding:0 5px;}
.hdENa i{width:8px; height: 8px;}
.NavEN{width:100px;}
.NavENa{line-height:26px; font-size:12px;}
.ward{width:1000px;}
.Menu{}
.Menu ul{}
.Menu ul li{padding:0 25px;}
.MenuA{ line-height:40px;font-size:15px}
.MenuA p{}
.MenuA i{width:8px; height: 8px;}
.NavK{padding-top:18px; padding-left:35px; padding-bottom:30px; padding-right:30px;}
.NavH{ font-size:18px; font-weight:700; line-height:34px; height: 34px;}
.NavB{padding-top:13px;}
.NavN{ width: 170px; height:240px;}
.NavKa{ width:165px; /* height:32px; */ line-height:32px;padding:0 13px; font-size:12px; margin-bottom:9px;}
.NavD{width:755px; height:240px;padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:40px;}
.NavDI{ width:235px; height:220px;}
.NavDC{width:450px;}
.NavDCh{ font-size:13px;line-height:22px;height:66px}
.NavDF{padding-top:18px; width:375px;}
.NavDFp{width:120px;font-size: 13px; line-height:20px; margin-bottom:5px; margin-right:5px;padding-left: 10px;}
.NavDa{ font-size: 12px;margin-top:18px;}
.searchB{width:28px;height:28px; background-size:16px; margin-right: 20px}
.searchK{width:280px;top:80px;right:40px;padding:0 5px;}
.searchV{height:40px;}
.searcha{width:28px; height:28px;background-size:16px;}
.searchI{ width:100%;font-size: 13px; line-height:32px;margin-left:5px;}

.webM{padding:0 40px;}
/*footer*/
.ftK{padding-top:38px; padding-bottom:15px;}
.ftPho{ width: 205px;}
.ftPhoT{}
.ftPhoT img{width:16px;margin-left:0; margin-right:6px;}
.ftPhoT p{ font-size:15px; line-height:25px;}
.ftPhoH{ font-size:24px;  line-height:28px; margin-top:8px;}
.ftPhoH p{}
.ftPhop{ font-size:12px; line-height:20px;margin-top:18px;}
.ftN{margin-left:5%;}
.ftNH{ font-size:15px; line-height:24px;}
.ftNK{ padding-top:8px;}
.ftNr{ padding-right:30px;}
.ftNM,.ftNa{ font-size:12px;line-height:27px;}
.ftK a:hover{text-decoration: underline;}
.ftM{width:210px;}
.ftMt{ padding:6px 6px 0; width:100px;}
.ftMI{ width:88px; height:88px;}
.ftMt p{line-height:20px; font-size:12px; padding:6px 0;}
.ftMa{ font-size:13px;height:36px; line-height:36px;border-radius:4px; margin-top:12px;}
.ftlin{ font-size:12px; line-height:26px;padding-bottom:20px;}
.ftlin a{ margin-right:15px;}
.ftC{line-height:20px; padding-top:26px; padding-bottom:22px; }
.ftCN{font-size:12px; line-height:22px;}
.ftCN p img{width:15px;margin-right:5px;}
.ftCN a:hover{text-decoration:underline;}
.ftLog{width:150px;}
/**/
.kef{ width:32px;bottom:16%;right:6px;}
.kefa{width:32px; height:32px;font-size:12px; line-height:15px;margin-bottom:4px;}
.kefa img{width:16px}
}



.Run{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.enlarge img{ width:100%;transition:0.5s;}
.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}
.IndSupA{ width:100%;transition:0.5s;}
.IndSupA:hover{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}



/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transform: translate(-50%,-50%);left:50%;top:50%;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/